<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
<title>机器人总动员</title>
<link rel="stylesheet" href="../css/score.css" />
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../js/score.js"></script>
</head>

<body>
<div id="nav">
	<div class="nav-logo"><a href="../index.html">豆瓣电影</a></div>
	<div class="nav-items">
		<ul>
			<li><a href="javascript:;">影讯 & 购票</a></li>
			<li><a href="javascript:;">选电影</a></li>
			<li><a href="javascript:;">电视剧</a></li>
			<li><a href="javascript:;">排行榜</a></li>
			<li><a href="javascript:;">分类</a></li>
			<li><a href="javascript:;">影评</a></li>
			<li><a href="javascript:;">2020年度榜单</a></li>
		</ul>
	</div>
</div>
<div id="main">
	<div id="left">
		<h1>
        	<span class="movie-name">机器人总动员 WALL·E</span>
            <span class="year">(2008)</span>
    	</h1>
		<div class="subject">
			<div class="mainpic">
				<img src="../images/7.jpg" />
			</div>
			<div class="info">
        		<span class='item'>导演</span>: 安德鲁·斯坦顿<br/>
        		<span class='item'>编剧</span>: 安德鲁·斯坦顿 / 吉姆·里尔顿 / 彼特·道格特<br/>
        		<span class="actor"><span class='item'>主演</span>: 本·贝尔特 / 艾丽莎·奈特 / 杰夫·格尔林 / 佛莱德·威拉特 / 西格妮·韦弗 / 约翰·拉岑贝格</span><br/>
        		<span class="item">类型:</span> 爱情 / 科幻 / 动画 / 冒险<br/>
        		<span class="item">制片国家/地区:</span> 美国<br/>
        		<span class="item">语言:</span> 英语<br/>
        		<span class="item">上映日期:</span> 2008-06-27(美国)<br/>
        		<span class="item">片长:</span> 98分钟<br/>
				<span class="item">又名:</span> 瓦力(台) / 太空奇兵·威E(港) / 星际总动员 / 地球废品分装员 / 机器人瓦力 / walle<br/>
        		<span class="item">IMDb链接:</span> tt0910970<br>
			</div>
			<div class="rating">
				<div class="rating-logo">豆瓣评分</div>
				<div class="rating-level">
					<span class="rating-score">9.3</span>
					<div class="rating-right">
						<div><span class="starrating"><span class="star45"></span></span></div>
						<div class="rating-sum">623257人评价</div>
					</div>
				</div>
				<div class="star-count">
					<div class="star-item">
						<span class="stars" title="力荐">5星</span>
						<span class="bar" style="width:64px"></span>
						<span class="star-per">70.5%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="推荐">4星</span>
						<span class="bar" style="width:22px"></span>
						<span class="star-per">24.6%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="还行">3星</span>
						<span class="bar" style="width:4px"></span>
						<span class="star-per">4.6%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="较差">2星</span>
						<span class="bar" style="width:0px"></span>
						<span class="star-per">0.2%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="很差">1星</span>
						<span class="bar" style="width:0px"></span>
						<span class="star-per">0.1%</span>
					</div>
				</div>
				<div class="compare">
					好于 99% 动画片<br />
					好于 99% 科幻片
				</div>
			</div>
		</div>
		<div class="evaluation">
			<div id="first">
				<a class="wantto">想看</a>
				<a class="seen">看过</a>
				<div>评价:&nbsp;
					<span class="star">
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
    				</span>
					<span class="evaluation-word"></span>
				</div>
			</div>
			
			<div id="second" style="display:none">
				我想看这部电影
				<span class="now-time"></span>
				<a class="del">删除</a><br />
				<span class="show-tips"></span>
			</div>
			
			<div id="third" style="display:none">
				我看过这部电影
				<span class="now-time"></span>
				<a class="del">删除</a>
				<div class="show-evaluation" style="display:none">我的评价:&nbsp;
					<span class="star">
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
    				</span>
					<span class="evaluation-word"></span>
				</div>
			</div>
		</div>
		<div class="intro">
			<span class="title">机器人总动员的剧情简介 · · · · · ·</span>
			<div class="content">
			       　　公元2805年，人类文明高度发展，却因污染和生活垃圾大量增加使得地球不再适于人类居住。地球人被迫乘坐飞船离开故乡，进行一次漫长无边的宇宙之旅。临行前他们委托Buynlarge的公司对地球垃圾进行清理，该公司开发了名为WALL·E（Waste Allocation Loa d Lifters – Earth 地球废品分装员）的机器人担当此重任。
                                    <br />
                                　　这些机器人按照程序日复一日、年复一年辛勤工作，但随着时间的流逝和恶劣环境的侵蚀，WALL·E们接连损坏、停止运动。最后只有一个仍在进行这项似乎永无止境的工作。经历了漫长的岁月，它开始拥有了自己的意识。它喜欢将收集来的宝贝小心翼翼藏起，喜欢收工后看看几百年前的歌舞片，此外还有一只蟑螂朋友作伴。直到有一天，一艘来自宇宙的飞船打破了它一成不变的生活……
                                    <br />
                                　　本片荣获2009年第81届奥斯卡最佳动画长片奖。
			</div>
		</div>
		<div class="also-like">
			<span class="title">喜欢这部电影的人也喜欢 · · · · · ·</span>
			<div class="like-film-list">
				<ul>
					<li>
						<a href="mnyys.html"><img src="../images/1.jpg" alt="" /></a>
						<p><a href="mnyys.html">美女与野兽</a></p>
					</li>
					<li>
						<a href="fwhyj.html"><img src="../images/3.jpg" alt="" /></a>
						<p><a href="fwhyj.html">飞屋环游记</a></p>
					</li>
					<li>
						<a href="cmdsj.html"><img src="../images/9.jpg" alt="" /></a>
						<p><a href="cmdsj.html">楚门的世界</a></p>
					</li>
					<li>
						<a href="fkdwc.html"><img src="../images/11.jpg" alt="" /></a>
						<p><a href="fkdwc.html">疯狂动物城</a></p>
					</li>
					<li>
						<a href="fczlm.html"><img src="../images/12.jpg" alt="" /></a>
						<p><a href="fczlm.html">复仇者联盟</a></p>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<div id="aside">
		<div class="common-label">
			<span class="title">豆瓣成员常用的标签 · · · · · ·</span>
			<div class="label-list">
				<ul>
					<li>动画</li><li>皮克斯</li><li>美国</li><li>科幻</li>
					<li>环保</li><li>爱情</li><li>感人</li><li>迪斯尼</li>
				</ul>
			</div>
		</div>
		<div class="recommend">
			<span class="title">以下豆列推荐 · · · · · ·</span>
			<div class="recommend-list">
				<ul>
					<li>
                		<a href="javascript:;">【内牛满面】</a>
                		<span>(影志)</span>
            		</li>
            		<li>
                		<a href="javascript:;">【豆瓣高分动画长片】</a>
                		<span>(影志)</span>
            		</li>
            		<li>
                		<a href="javascript:;">{北美电影票房总排行}</a>
                		<span>(荔枝超人)</span>
            		</li>
            		<li>
                		<a href="javascript:;">【爱看动画】</a>
                		<span>(影志)</span>
            		</li>
            		<li>
                		<a href="javascript:;">【孤独的人】</a>
                		<span>(影志)</span>
            		</li>
				</ul>
			</div>
		</div>
		<div class="who">
			<span class="title">谁在看这部电影 · · · · · ·</span>
			<div class="number">
				<a href="javascript:;">787637人看过</a>
                &nbsp;/&nbsp;
            	<a href="javascript:;">100510人想看</a>
			</div>
		</div>
	</div>
</div>
<div style="clear:both"></div>
<div id="bottom">
	<span class="copyright">@ 2001 - 2021 mingrisoft.com all rights reserved 吉林省明日科技有限公司</span>
	<span class="about">
		<ul>
			<li>关于明日</li>
			<li>联系我们</li>
			<li>免责声明</li>
			<li>帮助中心</li>
			<li>移动应用</li>
			<li>明日广告</li>
			<li>合作共赢</li>
		</ul>
	</span>
</div>
<div id="show-layer" style="display:none">
	<div class="layer-bg"></div>
	<div class="layer-body">
		<div class="layer-top">
			<span class="title">添加收藏:我想看这部电影</span>
			<span class="x">x</span>
		</div>
		<div class="layer-middle">
			<div id="wantto">
				<span>标签(多个标签用空格分隔):</span>
				<input type="text" name="movietip" />
				<div class="tip">
					<span>常用标签:</span>
					<ul>
						<li>环保</li><li>科幻</li><li>皮克斯</li><li>爱情</li><li>美国</li>
						<li>感人</li><li>动画</li><li>迪斯尼</li>
					</ul>
				</div>
			</div>
			<div id="seen">
				<span>给个评价吧？(可选):&nbsp;</span>
				<span class="star">
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>    			</span>
				<span class="evaluation-word"></span>			</div>
		</div>
		<div class="layer-bottom">
			<input type="button" value="保存" />
		</div>
	</div>
</div>
</body>
</html>
